<template>
  <div class="poet">
    <h1>将进酒</h1>
    <p>
        君不见，黄河之水天上来，奔流到海不复回。<br />
        君不见，高堂明镜悲白发，朝如青丝暮成雪。<br />
        人生得意须尽欢，莫使金樽空对月。<br />
        天生我材必有用，千金散尽还复来。<br/>
        烹羊宰牛且为乐，会须一饮三百杯。<br/>
        岑夫子，丹丘生，将进酒，杯莫停。<br/>
        与君歌一曲，请君为我倾耳听。
    </p>

    <p>
        钟鼓馔玉不足贵，但愿长醉不复醒。<br />
        古来圣贤皆寂寞，惟有饮者留其名。<br />
        陈王昔时宴平乐，斗酒十千恣欢谑。<br />
        主人何为言少钱，径须沽取对君酌。<br/>
        五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
    </p>
    <p class="author">——&lt;唐&gt;<strong>李白</strong></p>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.poet{
  /*wirting-mode实现竖直排版*/
  writing-mode: vertical-rl;
  position: absolute;
  height: 450px;
 margin-left: 250px;
 margin-top: 60px;
}
.poet h1{
  margin-top: 4em;
}
.poet p:not(.author){
  letter-spacing: 0.5em;
  line-height:1.5em;
  margin: 2em;
}
.poet .author{
  text-align: right;
}
h1{
    font-size: 35px;
}
p{
    font-size: 18px;
}
</style>
